Android Browser App 源码分析（三）之UI篇第一讲

Android Native Browser的界面还是比较单一，比较少的。主要体现为：主界面（主要用于加载网页）、设置页面（用于设置浏览器中各个属性，比如是否启用JavaScript、是否保存密码等）、书签&历史记录页面（展示书签以及访问网页的历史记录）。


首先从代码层面分析下主界面的UI逻辑实现，看看到底是如何加载网页的。

（一）基础架构

Browser定义了UI接口来统管整个主界面的操作，以及对Activity生命周期发生变化的处理。
因Browser App同时也要兼容平板设备，所以，这里又抽象出一个抽象类BaseUi来实现手机与平板公共通用的部分，然后将差异性的方法通过派生类PhoneUi与XLargeUi来实现。


Browser主界面头部会有一个标题栏，主要用于输入网址、保存书签，因为平板与手机的尺寸是不同的，对应的头部Tab页导航展示也就不同了，所以Browser内部又声明了NavigationBarPhone、NavigationBarTablet类来进行处理，他们继承于NavigationBarBase类。


整个结构关系如下：

（二）主界面如何Load出来的

启动页：BrowserActivity::onCreate()
初始化Controller 对象


然后调用Controller start方法


然后调用CrashRecoveryHandler startRecovery方法


CrashRecoveryHandler实例的初始化调用在Controller构造函数中:
mCrashRecoveryHandler = CrashRecoveryHandler.initialize(this); //实例化CrashRecoveryHandler对象，CrashRecoveryHandler构造函数中同时又创建了foregroundHandler和backgroundHandler


mCrashRecoveryHandler.preloadCrashState();
//mBackgroundHandler.sendEmptyMessage(MSG_PRELOAD_STATE); 
调用loadCrashState,从STATE_FILE(browser_state.parcel)文件中读入到mRecoveryState中


调用mController.doStart(mRecoveryState, intent); 将mRecoveryState传递过去


然后对mRecoveryState中的lastActiveDate进行判断，如果最后一次浏览器的使用时间在24小时内，否则的话销毁所有剩余的隐身标签页。


调用mTabControl.canRestoreState来获取TabId
如果等于-1，执行CookieManager.getInstance().removeSessionCookie()


然后调用GoogleAccountLogin.startLoginIfNeeded进行登录
如果已经登录或者没有找到账号，直接执行runnable.run 方法
否则执行登录操作


onPreloginFinished 方法：
如果tabId等于-1(默认的情况下第一次进来为-1)：
如果intent为null:调用openTabToHomePage方法，打开主页
如果intent不为null:获取urlData，如果为空：调用openTabToHomePage方法，打开主页
否则打开Tab，加载对应的urlData


调用openTabToHomePage：
openTab(mSettings.getHomePage(), false, true, false);


最终会调用这个openTab(String url, boolean incognito, boolean setActive,boolean useCurrent, Tab parent)方法：


通过createNewTab创建一个Tab对象
内部是通过TabControl.createNewTab来进行创建
createNewTab(boolean privateBrowsing)---> createNewTab(Bundle state, boolean privateBrowsing) ---->  createNewWebView实例化WebView对象---> mController.getWebViewFactory().createWebView(privateBrowsing)
----> BrowserWebViewFactory.createWebView 创建WebView
-----> instantiateWebView、initWebViewSettings


WebView创建完毕之后，开始实例化一个Tab对象,并添加到mTabs集合中：
Tab t = new Tab(mController, w, state);
mTabs.add(t);


调用Controller.onSetWebView ---> mUi.onSetWebView(tab, view);
----->BaseUi.onSetWebView


然后container = mActivity.getLayoutInflater().inflate(R.layout.tab, mContentView, false); 创建装载WebView的Tab容器

之后调用  t.putInBackground(); 先把标签放入后台




调用addTab()-->mUi.addTab 将tab传递到对应的UI中
这个方法PhoneUi没有重写，XLargeUi重写了。




然后调用 Controller.setActiveTab(tab) --->  mTabControl.setCurrentTab(tab)、mUi.setActiveTab(tab)


--->PhoneUi::setActiveTab


--->BaseUi::setActiveTab


--->attachTabToContentView(tab)

protected void attachTabToContentView(Tab tab) {
        if ((tab == null) || (tab.getWebView() == null)) {
            return;
        }
        View container = tab.getViewContainer();
        WebView mainView  = tab.getWebView();
        // Attach the WebView to the container and then attach the
        // container to the content view.
        FrameLayout wrapper =
                (FrameLayout) container.findViewById(R.id.webview_wrapper);
        ViewGroup parent = (ViewGroup) mainView.getParent();
        if (parent != wrapper) {
            if (parent != null) {
                parent.removeView(mainView);
            }
            wrapper.addView(mainView);
        }
        parent = (ViewGroup) container.getParent();
        if (parent != mContentView) {
            if (parent != null) {
                parent.removeView(container);
            }
            mContentView.addView(container, COVER_SCREEN_PARAMS);
        }
        mUiController.attachSubWindow(tab);
    }

获取Tab的ViewContainer，获取container中的webview_wrapper控件，然后将tab对应的webView添加到其中，然后再将container添加到mContentView中


那mContentView是从哪里来的呢？


是通过实例化PhoneUi对象来的，在BaseUi构造函数中；

FrameLayout frameLayout = (FrameLayout) mActivity.getWindow()
    .getDecorView().findViewById(android.R.id.content);
LayoutInflater.from(mActivity)
    .inflate(R.layout.custom_screen, frameLayout);
mContentView = (FrameLayout) frameLayout.findViewById(R.id.main_content);

然后调用loadUrl来加载url
loadUrl(Tab tab, String url)-->loadUrl(Tab tab, String url, Map<String, String> headers)

if (tab != null) {
    dismissSubWindow(tab);
    tab.loadUrl(url, headers);
    mUi.onProgressChanged(tab);
}

Tab.java:

public void loadUrl(String url, Map<String, String> headers) {
    if (mMainView != null) {
        mPageLoadProgress = INITIAL_PROGRESS;
        mInPageLoad = true;
        mCurrentState = new PageState(mContext, false, url, null);
        mWebViewController.onPageStarted(this, mMainView, null);
        mMainView.loadUrl(url, headers);
    }
}

最终执行mMainView loadUrl方法加载url，显示对应url的网页。